page-activity-modal {
  .round-bg {
    background-color: transparent;
  }

  .round-content {
    display: inline;
  }

  .scroll-content {
    overflow: hidden;
  }

  .swiper-pagination-bullet {
    background-color: white;
  }

  .swiper-pagination-bullet-active {
    background-color: #FA3;
    transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  }

  ion-slides,
  .swiper-container
  {
    height: 80%;
    border-radius: 5%;
  }
  .slider-item {
    height: auto;
    width: 100%;
    background-size: cover;
  }
  .slide-zoom {
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.22)) !important;
  }
  .text-wrapper {
    width: 100vw;
    height: 100vh;
  }
  .slide-text {
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
  }
  .text-center {
    text-align: center;
    color: white;
  }
  .scroll-content {
    border-radius: 3%;
  }

  .close-button {
    width: 100%;
    text-align: center;
  }
}
